<div style="mergin:5px;padding:5px;color:#000;">
<!--
<link id="jquery-ui-theme" href="assets/vendor/jquery-ui/themes/hotsneaks/jquery-ui.theme.min.css" rel="stylesheet">
-->
<style type="text/css">
  .left_label {
      display:inline-block;
      width: 50%;
  }
  .right_val {
      display:inline-block;
      width: 40%;
  }
</style>

<style>
fieldset {
  /*background: rgba(255,255,255,.3);
  border-color: rgba(255,255,255,.6);*/
  border-style: solid;
  border-width: 2px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 10px;
  margin-bottom: 2px;
  width:360px;
  font-size:0.8em;
}

fieldset legend {
  color: #302A2A;
  font: bold 16px/2 Verdana, Geneva, sans-serif;
  font-weight: bold;
  text-align: left;
  text-shadow: 2px 2px 2px rgb(88, 126, 156);
}
</style>

<fieldset>
<label class="left_label">Set ComputerName:</label>
<input type="text" name="config.computername" class="right_val opt_item" value="WINXPE"/><br/>
<label class="left_label">WinPE Cache Size(MB):</label>
<!-- Selectmenu -->
<select id="fbwf_select" name="config.fbwf.cache" width="40%" class="opt_item">
    <option>8192</option>
    <option>4096</option>
    <option selected="selected">2048</option>
    <option>1024</option>
    <option>512</option>
</select>
<br/>
<br/>
<label><input type="checkbox" name="system.high_compatibility" class="opt_item" checked>High Compatibility</label>
</fieldset>

<fieldset>
<legend>Power Options</legend>
  <table>
    <tr><td /><td>On Battery&nbsp;&nbsp;&nbsp;&nbsp;</td><td>Plugged In&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>
    <tr><td>Turn off display(mins):</td>
      <td><input id="off_disp_bat" name="system.power.off_disp_bat" min="0" max="300" value="0" class="opt_item" style="width:30px"></td>
      <td><input id="off_disp_plug" name="system.power.off_disp_plug" min="0" max="300" value="0" class="opt_item" style="width:30px"></td>
    </tr>
    <tr><td>Turn off hard disk(mins):</td>
      <td><input id="off_disk_bat" name="system.power.off_disk_bat" min="0" max="300" value="20" class="opt_item" style="width:30px"></td>
      <td><input id="off_disk_plug" name="system.power.off_disk_plug" min="0" max="300" value="0" class="opt_item" style="width:30px"></td>
    </tr>
    <tr><td>Disable USB Selective suspend:</td>
      <td align="center"><input type="checkbox" name="system.power.dis_usb_suspend_bat" class="opt_item" checked /></td>
      <td align="center"><input type="checkbox" name="system.power.dis_usb_suspend_plug" class="opt_item" checked /></td>
    </tr>
  </table>
</fieldset>

<fieldset>
<legend>Volume Options</legend>
<!-- Spinner -->
<label class="left_label">System Volume At Startup:</label>
<input id="volume_level" name="system.volume_level" min="0" max="100" value="33" class="opt_item" style="width:30px"><br/>
<div style="margin:3px;"><label><input type="checkbox" name="system.volume_mute" class="opt_item">Mute The System Volume At Startup</label></div><br/>
</fieldset>

<div style="margin:3px;font-size:.8em;"><label><input type="checkbox" name="system.numlock" class="opt_item" checked>NumLock ON</label></div><br/>


</div>

<script>
(function() {
    $("#fbwf_select").selectmenu();
    $("#fbwf_select").selectmenu( "option", "width", '40%' );
    $("#volume_level").spinner();
    $("#off_disp_bat").spinner();
    $("#off_disp_plug").spinner();
    $("#off_disk_bat").spinner();
    $("#off_disk_plug").spinner();
    $(':radio[id^=bt-]').checkboxradio();
})();

</script>